<template>
    <div class="navbar">
            <h1 class="nav-header">猫眼电影</h1>
            <div class="nav-icon">
                <img src="https://p0.meituan.net/scarlett/f05f61e7a8f3f45fd071c068d7a26870356.png" alt="">
            </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .navbar {
        position:fixed;
        top:0;
         z-index: 100;
        width:100%;
        height: 50px;
        color: #fff;
        background: #e54847;
        border-bottom: 1px solid #e54847;
        display: flex;
        align-items: center;
    } 
    .nav-header {
        margin-left: 50px;
        width:270px;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        line-height: 50px;
    }
    .nav-icon img{
        margin-left: 25px;
        margin-top:5px;
        width:17px;
        height: 16px;
    }
</style>
